import { Tabs } from 'antd-mobile'
import React from 'react'
import { ProductCard } from 'react-vant'

function index() {
  return (
    <div>
      <Tabs>
        <Tabs.Tab title='全部订单' key='fruits'>
          <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          /><ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
        />
        </Tabs.Tab>
        <Tabs.Tab title='待付款' key='vegetables'>
        <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
          /><ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
        </Tabs.Tab>
        <Tabs.Tab title='代发货' key='animals'>
        <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
          /><ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
        />
        </Tabs.Tab>
        <Tabs.Tab title='待收货' key='animals1'>
        <ProductCard
            num="2"
            price="2.00"
            desc="描述信息"
            title="商品名称"
            thumb="https://img.yzcdn.cn/vant/apple-1.jpg"
          /><ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
        </Tabs.Tab>
      </Tabs>
    </div>
  )
}

export default index
